import styled from 'styled-components'

export const SongsCoverWrap = styled.div`
  margin-left: 42px;
  margin-bottom: 30px;
  position: relative;
  

  &:nth-of-type(1),&:nth-of-type(5) {
    margin-left: 0;
  }

  .picUrl {
    background-position: 0 0;
    position: relative;
    cursor: pointer;
    .count {
      position: absolute;
      width: 100%;
      height: 27px;
      bottom: 0;
      left: 0;
      background-position: 0 -537px;
      color: #CCC;
      line-height: 27px;

      > span {
        vertical-align: middle;
      }

      .erji {
        display: inline-block;
      
        width: 14px;
        height: 11px;
        background-position: 0 -24px;
        margin: 9px 5px 9px 10px;
        vertical-align: middle;
      }
      .play {
        position: absolute;
        right: 8px;
        top: 6px;
        display: inline-block;
        width: 16px;
        height: 17px;
        background-position: 0 0;
        /* vertical-align: middle; */
        
      }
    }
  }

  .info {
    margin: 8px 0 3px 0;
    h4 {
      width: 140px;
      font-size: 14px;
    }
  }

  

`
